@import 'init.less';
.box{
    width: 100%;
    font-size: 12px;
    .section-1{
        padding-top: 100px;
        padding-bottom: 90px;
        width: 100%;
        height: 850px;
        background: #fff;
        .wrap-1{
            margin: 0 auto;
            width: 834px;
            text-align: center;
            .section-1-1{
                width: 100%;
                height: 149px;
            }
            .section-1-2{
                width: 100%;
                height: 621px;
                li{
                    padding-top: 10px;
                    padding-bottom: 43px;
                    width: 100%;
                    p{
                        line-height: 24px;
                        color: #393939;
                    }
                }
            }
            .section-1-3{
                padding: 50px;
                display: flex;
                justify-content: center;
                span{
                    margin-left: 2px;
                    display: flex;
                    justify-content: center;
                    width: 68px;
                    height: 30px;
                    border-radius: 4px;
                    cursor: pointer;
                    background: #e1e1e1;
                    color: #393939;
                    line-height: 30px;
                    font-size: 14px;
                }
                span:nth-child(1){
                    background: #c7000b;
                    color: #fff;
                }
            }
        }
    }
    .section-2{
        position: relative;
        width: 100%;
        height: 552px;
        .section-2-1{
            width: 100%;
            height: 100%;
            img{
                width: 100%;
                height: 100%;
            }
        }
        .section-2-2{
            position: absolute;
            bottom: 0;
            right: 0;
            display: flex;
            width: 100%;
            li{
                width: 33.33%;
                height: 68px;
                background: #e2c596;
                font-size: 14px;
                text-align: center;
                line-height: 68px;
            }
            li:nth-child(2){
                background: #151515;
                color: #fbf7f1;
                .li2{
                    position: absolute;
                    bottom: 68px;
                    width: 634.266px;
                    height: 484px;
                    background: #e2c596;
                    .li2-text{
                        margin-top: 266px;
                        margin-left: 34px;
                        color: #333;
                        width: 257px;
                        text-align: left;
                        .p1{
                            font-size: 30px;
                            line-height: 30px;
                        }
                        .p2{
                            padding: 40px 0 20px;
                            font-size: 20px;
                            line-height: 20px;
                        }
                        .p3{
                            padding-bottom: 30px;
                            font-size: 12px;
                            line-height: 12px;
                        }
                        .Line{
                            width: 70px;
                            height: 2px;
                            overflow: hidden;
                            background: #af9874;
                        }
                    }
                }
            }
        }
    }
    .section-3{
        padding-top: 90px;
        width: 100%;
        height: 447px;
        background: #fff;
        .wrap-3{
            margin: 0 auto;
            width: 1100px;
            display: flex;
            li{
                padding-top: 130px;
                width: 33.33%;
                text-align: center;
                .section-3-1{
                    padding-bottom: 20px;
                    font-size: 18px;
                }
                .section-3-2{
                    margin: 0 auto;
                    width: 265px;
                    line-height: 26px;
                    color: #393939;
                }
            }
            li:nth-child(1){
                background: url(../img/i2.png) no-repeat center top;
            }
            li:nth-child(2){
                background: url(../img/i3.png) no-repeat center top;
            }
            li:nth-child(3){
                background: url(../img/i4.png) no-repeat center top;
            }
        }
    }
    .section-4{
        width: 100%;
        .section-4-1{
            width: 100%;
            height: 518px;
            img{
                width: 100%;
                height: 100%;
            }
        }
        .section-4-2{
            padding-top: 70px;
            padding-bottom: 65px;
            height: 61px;
            width: 100%;
            text-align: center;
        }
        .section-4-3{
            margin: 0 auto;
            display: flex;
            flex-wrap: wrap;
            width: 1423px;
            height: 625px;
            overflow: hidden;
            background: #f7f7f7;
            li{
                width: 237.15px;
                height: 156.1px;
                img{
                    width: 100%;
                    height: 100%;
                }
            }
        }
        .section-4-4{
            padding: 40px 0;
            width: 100%;
            text-align: center;
            span{
                margin-left: 10px;
                display: inline-block;
                width: 12px;
                height: 12px;
                border-radius: 100%;
                background: #ccc;
            }
            .drop{
                background: #c7000b;
            }
        }
        .NEWS{
            padding: 40px 0;
            text-align: center;
            width: 100%;
            background: #acc6dd;
        }
    }
    .section-5{
        padding: 85px 0 100px;
        width: 100%;
        height: 892px;
        background: #fff;
        overflow: hidden;
        .wrap-5{
            margin: 0 auto;
            width: 976px;
            display: flex;
            flex-wrap: wrap;
            li{
                padding: 0 10px 20px;
                width: 224px;
                overflow: hidden;
                a{
                    color: #393939;
                }
                .title-5-1{
                    padding-top: 15px;
                    height: 70px;
                    line-height: 26px;
                    font-size: 14px;
                }
                .text-5-1{
                    line-height: 24px;
                    color: #868686;
                    height: 114px;
                }
                p{
                    display: flex;
                    justify-content: space-between;
                    width: 100%;
                    .more{
                        width: 68px;
                        height: 20px;
                        line-height: 20px;
                        text-align: center;
                        display: inline-block;
                        background: #ca0708;
                        color: #fff;
                    }
                    span{
                        color: #868686;
                    }
                }
            }
        }
        .section-5-2{
            padding-top: 70px;
            width: 100%;
            text-align: center;
            overflow: hidden;
            height: 48px;
        }
    }
    .section-6{
        .section-6-1{
            background: #acc6dd;
            text-align: center;
            overflow: hidden;
            padding: 40px 0;
        }
        .section-6-2{
            width: 100%;
            height: 560px;
            img{
                width: 100%;
                height: 100%;
            }
        }
    }
    .section-7{
        overflow: hidden;
        background: #fff;
        padding: 0 0 120px 0;
        .list{
            overflow: hidden;
            padding: 45px 0 0 0;
            ul{
                width: 630px;
                margin: 0 auto;
                li{
                    width: 235px;
                    float: left;
                    margin: 0 40px;
                    text-align: center;
                    color: #393939;
                    a{
                        color: #393939;
                        img{
                            width: 100%;
                            margin: 0 0 30px 0;
                        }
                    }
                    p{
                        margin: 0;
                        padding: 0;
                        list-style: none;
                        outline: none;
                        word-wrap: break-word;
                        a{
                            color: #393939;
                        }
                    }
                }
            }
        }
        .section-7-2{
            padding-top: 70px;
            width: 100%;
            text-align: center;
            overflow: hidden;
            height: 48px;
        }
    }
}